﻿html {
    /*background-image:url(about:blank);*/
    background-attachment: fixed;
}

em {
    font-style: normal;
}
em.getmessage,
em.getmainmessage {
    font-style: normal;
}
div#ABTToolbar {
    top: 0px;
    left: 0px;
    /* position: relative; */
    /* *position: absolute;
    *top: expression(eval(document.documentElement.scrollTop)); */
    position: fixed;
    width: 100%;
    padding: 0px 0px;
    color: #000;
    z-index: 1000;
    font-size: 10pt;
    line-height: 16px;
    text-align: center;
    background-color: #f5f3f4;
}
div#ABTToolbar a:link {
    color: #333;
    text-decoration: none;
}
div#ABTToolbar a:visited {
    color: #333;
    text-decoration: none;
}
div#ABTToolbar a:hover {
    color: #333;
    text-decoration: none;
}

.toolbarlistwrap {
    width: 1366px;
    margin: 0 auto;
}
div#ABTToolbar ul#toolbarList {
    width: 1370px;
    margin: 0px auto;
    padding: 7px 0px 5px 5px;
    transform: scale(0.89);
    z-index: 10;
    position: relative;
}
div#ABTToolbar ul#toolbarList li {
    display: inline;
    list-style-type: none;
    position: relative;
    padding: 1px 3px 1px 3px;
    z-index: 12;
}

#toolbarList .check {
    background-color: #fff;
}

div#ABTToolbar ul#toolbarList li#abtClear {
    float: none;
    width: 100%;
    clear: both;
    padding: 0px;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
}
div#ABTToolbar ul#toolbarList li#hightcontrast {
    position: relative;
}
div#ABTToolbar ul#toolbarList li ul#hightcontrastlist {
    position: absolute;
    display: none;
    width: 88px;
    top: 17px;
    left: -2px;
    border: 1px solid #000;
    text-align: left;
    padding: 0px;
    background: #ccc;
    text-align: center;
}
div#ABTToolbar ul#toolbarList li ul#hightcontrastlist li {
    display: block;
    width: 100%;
    padding: 2px 0px;
}
div#guidesbox {
    width: 100%;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}
div#guidesbox div#guidesXLine {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0px;
    top: 0px;
    font-size: 0px;
    line-height: 0px;
    z-index: 9999;
}
div#guidesbox div#guidesYLine {
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0px;
    font-size: 0px;
    line-height: 0px;
    z-index: 9998;
}
div.skipelement {
    width: 0px;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}
div#gettextmessagebox {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    text-align: center;
    *position: absolute;
    *bottom: auto;
    *top: expression(
        eval(
            document.documentElement.scrollTop +
                document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10) ||0)-
                (parseInt(this.currentStyle.marginBottom, 10) ||0)
        )
    );
    /* border-top: 2px solid #000; */
    background: #999;
    height: 270px;
    z-index: 1000;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
div#gettextmessagebox div#closetextmessagebox {
    float: right;
    width: 18px;
    height: 18px;
    font-size: 0px;
    line-height: 0px;
    padding: 8px 8px 0px 0px;
}
div#gettextmessagebox div#closetextmessagebox a {
    /* display: block;
    width: 18px;
    height: 18px;
    line-height: 0px;
    background: url(images/newbg.gif) no-repeat left bottom; */
}
div#gettextmessagebox a {
    font-size: 12px;
}
div#gettextmessagebox a:link {
    color: #333;
    text-decoration: none;
}
div#gettextmessagebox a:visited {
    color: #333;
    text-decoration: none;
}
div#gettextmessagebox a:hover {
    color: #333;
    text-decoration: underline;
}
div#gettextmessagebox div#textbgbuttonbox {
    float: right;
    height: 18px;
    line-height: 18px;
    padding: 8px 8px 0px 0px;
}
div#gettextmessagebox div#pinyinbuttonbox {
    float: right;
    height: 18px;
    line-height: 18px;
    padding: 8px 8px 0px 0px;
}
div#gettextmessagebox div#gettextmessagecontent {
    clear: both;
    padding-top: 20px;
    font-family: '微软雅黑';
    font-size: 45px;
    line-height: 55px;
    line-height: 46px\0;
    margin-left: 160px;
    margin-right: 20px;
    height: 222px;
    background: #dee0df;
    margin-top: 23px;
}
div#gettextmessagebox div#gettextmessagecontent span {
    display: inline-block;
    padding: 35px 2px;
    margin-top: -20px;
    height: 28px;
    font-size: 40px;
    line-height: 35px;
}
div#gettextmessagebox div#gettextmessagecontent span sup {
    display: block;
    margin-top: -60px;
    font-size: 30px;
    line-height: 2px;
}

/* .accfocus {
    text-decoration: underline !important;
} */

#toolbarList > li a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 85px;
    height: 85px;
    text-align: center;
    z-index: 19 !important;
    /* z-index: 9999999999 !important; */
}

#toolbarList > li i {
    display: inline-block;
    width: 76px;
    height: 76px;
    background-position: center;
    transition: all 0.3s;
    border-radius: 12px;
}

#toolbarList > li > a:hover i {
    width: 85px;
    height: 85px;
    transition: all 0.3s;
    background-position: center;
    box-shadow: -0.707px 0.707px 10px 0px rgba(78, 68, 139, 0.5);
}

.abt-old {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.abt-old .abt-pop-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -475px;
    margin-top: -306px;
    width: 951px;
    box-sizing: border-box;
    height: 612px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}

.abt-pop-wrap > h3 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    height: 75px;
    line-height: 75px;
    font-weight: bold;
}

.abt-pop-wrap > h3 > .abt-state {
    display: inline-block;
    vertical-align: middle;
    width: 74px;
    height: 75px;
    background: url('../../images/old-icon.png') no-repeat;
    margin: 0 12px;
}

.abt-chose-list {
    padding: 0 15px;
}

.abt-chose-list > li {
    float: left;
    width: 33.3%;
}

.abt-chose {
    position: relative;
    display: block;
    width: 276px;
    margin: 0 auto;
    height: 315px;
    margin-top: 30px;
    border: 2px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 24px 9px;
    background-image: -moz-linear-gradient(90deg, rgb(17, 180, 250) 0%, rgb(59, 140, 238) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(17, 180, 250) 0%, rgb(59, 140, 238) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(17, 180, 250) 0%, rgb(59, 140, 238) 100%);
}

.abt-chose > h4 {
    font-weight: bold;
    font-size: 32px;
    color: #fff;
    text-align: center;
}

.abt-chose > p {
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.abt-chose > i {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 24px;
    left: 50%;
    margin-left: -30px;
}

.abt-chose:hover {
    border-width: 4px;
    margin-top: 17px;
    width: 288px;
    height: 327px;
    box-shadow: 0px -3px 20px 0px rgba(255, 255, 255, 0.004);
    background-image: -moz-linear-gradient(-90deg, rgba(246, 167, 91, 0.99608) 0%, rgb(230, 119, 80) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(246, 167, 91, 0.99608) 0%, rgb(230, 119, 80) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(246, 167, 91, 0.99608) 0%, rgb(230, 119, 80) 100%);
}

.abt-chose:hover i {
    background: url('../../images/check-icon.png') no-repeat center;
    box-shadow: 0px -3px 10px 0px rgba(255, 255, 255, 0.8);
}

/* .abt-close-btn {
    display: block;
    width: 150px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 10px;
    width: 146px;
    margin: 30px auto 0;
    height: 56px;
    color: #fff;
    font-size: 30px;
    padding-left: 69px;
    line-height: 52px;
    background: url('../../images/close-icon.png') no-repeat 18px center rgb(14, 160, 224);
}

.abt-close-btn:hover {
    background: #fff;
    color: #13b3f9;
    background: url('../../images/close-ac.png') no-repeat 18px center #fff;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
} */

.abt-tip {
    color: #fff;
    text-align: center;
    margin-top: 24px;
    font-size: 18px;
}

.pingyinbtn {
    position: absolute;
    height: 48px;
    width: 120px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background-color: #4e448b;
    left: 20px;
    top: 82px;
    border-radius: 10px;
    font-size: 16px !important;
    line-height: 46px;
    color: #fff !important;
}

.abt-biaoji {
    top: 140px;
}

.pingyinbtn:hover {
    background-color: #dee0df;
    color: #4e448b !important;
}

.abt-close {
    top: 198px;
}

.abt-traditional {
    position: absolute;
    height: 48px;
    width: 120px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background-color: #4e448b;
    left: 20px;
    border-radius: 10px;
    overflow: hidden;
    top: 24px;
}

.abt-traditional > a {
    float: left;
    width: 50%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px !important;
    color: #fff !important;
}

.abt-traditional > a:first-child {
    border-right: 1px solid #fff;
}

.abt-traditional > a:last-child {
    border-left: 1px solid #fff;
}

.abt-traditional > a.active,
.abt-traditional > a:hover {
    background-color: #dee0df;
    color: #4e448b !important;
}

.abt-pop-top {
    position: relative;
    height: 110px;
    background-color: rgb(237, 240, 245);
    line-height: 110px;
}

.abt-pop-top > h3 {
    font-size: 30px;
    float: left;
    margin-left: 35px;
}

.abt-pop-top > h3 > i {
    display: inline-block;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    background: url('../../images/old-icon-top.png') no-repeat;
    margin: 0 16px;
}

.abt-close-btn {
    position: absolute;
    width: 45px;
    height: 45px;
    background: url('../../images/abt-close-icon.png') no-repeat;
    right: 30px;
    top: 35px;
}

.abt-pop-list {
    margin: 20px 30px 0;
}

.abt-pop-list > li {
    height: 140px;
    padding-top: 10px;
    box-sizing: border-box;
}

.abt-pop-item {
    position: relative;
    display: block;
    height: 120px;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 10px;
    line-height: 118px;
    transition: height 0.3s;
}

.abt-pop-item::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 10px;
    top: 38px;
    right: 29px;
}

body .abt-pop-item:hover {
    background: #fff;
    background-image: none !important;
    height: 140px;
    margin-top: -10px;
    line-height: 138px;
    transition: height 0.3s;
}

body .abt-pop-item:hover p {
    color: #e61118 !important;
}

body .abt-pop-item:hover::before {
    background: url('../../images/rect-ac.png') no-repeat center;
    top: 50px;
}

.abt-pop-list > li:nth-child(1) .abt-pop-item {
    background-image: -moz-linear-gradient(90deg, rgb(71, 188, 231) 0%, rgb(91, 213, 228) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(71, 188, 231) 0%, rgb(91, 213, 228) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(71, 188, 231) 0%, rgb(91, 213, 228) 100%);
    box-shadow: 0px 1px 10px 0px rgba(73, 191, 230, 0.5);
}

.abt-pop-list > li:nth-child(2) .abt-pop-type {
    font-size: 32px;
}

.abt-pop-list > li:nth-child(2) .abt-pop-tip {
    font-size: 24px;
}

.abt-pop-list > li:nth-child(2) .abt-pop-item {
    background-image: -moz-linear-gradient(90deg, rgb(73, 144, 226) 0%, rgb(118, 185, 253) 99%);
    background-image: -webkit-linear-gradient(90deg, rgb(73, 144, 226) 0%, rgb(118, 185, 253) 99%);
    background-image: -ms-linear-gradient(90deg, rgb(73, 144, 226) 0%, rgb(118, 185, 253) 99%);
    box-shadow: 0px 1px 10px 0px rgba(76, 146, 227, 0.5);
}

.abt-pop-list > li:nth-child(3) .abt-pop-item {
    background-image: -moz-linear-gradient(90deg, rgb(134, 120, 233) 0%, rgb(164, 152, 252) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(134, 120, 233) 0%, rgb(164, 152, 252) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(134, 120, 233) 0%, rgb(164, 152, 252) 100%);
    box-shadow: 0px 1px 10px 0px rgba(137, 123, 235, 0.5);
}

.abt-pop-list > li:nth-child(3) .abt-pop-type {
    font-size: 34px;
}

.abt-pop-list > li:nth-child(3) .abt-pop-tip {
    font-size: 26px;
}

.abt-pop-type {
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-left: 30px;
}

.abt-pop-tip {
    margin-left: 152px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.foot-abt-tip {
    color: #666666;
    text-align: center;
    font-size: 18px;
    margin-top: 14px;
}

/* 
#oldbutton a {
    position: absolute;
    z-index: 99999;
} */

.abt-guid {
    position: fixed;
    left: 0;
    top: 97px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.abt-guid-shadow {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
}

.abt-shadow-ul .abt-guid-shadow {
    display: block;
}

#toolbarList a i {
    position: relative;
}

.abt-shadow-ul #toolbarList a i::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
    border-radius: 10px;
}

.abt-shadow-ul #toolbarList a {
    pointer-events: none;
}

.abt-guid-pop {
    position: absolute;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    width: 400px;
    height: 209px;
    left: 50%;
    padding: 14px 20px;
}

.abt-guid-pop>p {
    font-size: 18px;
    line-height: 27px;
    height: 110px;
}

/* .abt-guid-pop::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 17px;
    background: url('../../images/abt-arrow.png') no-repeat;
    top: -16px;
    left: 50%;
    margin-left: -13px;
} */

.abt-guid-list {
    text-align: center;
}

.abt-guid-list>li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e6e6e6;
    margin: 0 3px;
    vertical-align: top;
    cursor: pointer;
}

.abt-guid-list>li.active {
    background-color: #4e448b;
}

.abt-guid-btnwrap {
    margin-top: 14px;
}

.abt-close-guid {
    float: left;
    height: 36px;
    width: 105px;
    background-color: #4e448b;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    box-sizing: border-box;
}

.abt-close-guid:hover {
    background-color: rgb(1, 118, 227);
}

.abt-arrow-wrap>a {
    position: relative;
    float: left;
    width: 117px;
    height: 38px;
    background-color: #4e448b;
    color: #fff;
    line-height: 38px;
    font-size: 18px;
}

.abt-arrow-wrap>a.unable {
    cursor: not-allowed;
    background-color: #cac7dc;
}

.abt-arrow-wrap>a.unable:hover {
    cursor: not-allowed;
    background-color: #cac7dc;
}

.abt-arrow-wrap>a:hover {
    background-color: rgb(1, 118, 227);
}

.abt-prev {
    border-radius: 5px 0 0 5px;
    padding-left: 42px;
}

.abt-prev::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 14px;
    left: 12px;
    top: 12px;
    background: url("../../images/arrow-prev.png") no-repeat center;
}

.abt-next {
    border-radius: 0 5px 5px 0;
    text-align: right;
    padding-right: 42px;
}

.abt-next::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 14px;
    right: 12px;
    top: 12px;
    background: url("../../images/arrow-next.png") no-repeat center;
}


.abt-guide-state1 .abt-guid-pop {
    margin-left: -640px;
}
  
.abt-guide-state2 .abt-guid-pop {
    margin-left: -640px;
}

  
.abt-guide-state3 .abt-guid-pop {
    margin-left: -640px;
}

.abt-guide-state4 .abt-guid-pop {
    margin-left: -540px;
}

.abt-guide-state5 .abt-guid-pop {
    margin-left: -460px;
}

.abt-guide-state6 .abt-guid-pop {
    margin-left: -370px;
}

.abt-guide-state7 .abt-guid-pop {
    margin-left: -270px;
}

.abt-guide-state8 .abt-guid-pop {
    margin-left: -170px;
}
  
.abt-guide-state9 .abt-guid-pop {
    margin-left: -70px;
}

.abt-guide-state10 .abt-guid-pop {
    margin-left: 30px;
}

.abt-guide-state11 .abt-guid-pop {
    margin-left: 130px;
}

.abt-guide-state12 .abt-guid-pop {
    margin-left: 230px;
}

.abt-guide-state13 .abt-guid-pop {
    margin-left: 250px;
}

.abt-guide-state14 .abt-guid-pop {
    margin-left: 250px;
}

.abt-guide-state15 .abt-guid-pop {
    margin-left: 250px;
}

.abt-guide-state1  #toolbarList li:nth-child(1) i::before {
    display: none;
}

.abt-guide-state2  #toolbarList li:nth-child(2) i::before {
    display: none;
}

.abt-guide-state3  #toolbarList li:nth-child(3) i::before {
    display: none;
}

.abt-guide-state4  #toolbarList li:nth-child(4) i::before {
    display: none;
}

.abt-guide-state5  #toolbarList li:nth-child(5) i::before {
    display: none;
}

.abt-guide-state6  #toolbarList li:nth-child(6) i::before {
    display: none;
}

.abt-guide-state7  #toolbarList li:nth-child(7) i::before {
    display: none;
}

.abt-guide-state8  #toolbarList li:nth-child(8) i::before {
    display: none;
}

.abt-guide-state9  #toolbarList li:nth-child(9) i::before {
    display: none;
}

.abt-guide-state10  #toolbarList li:nth-child(10) i::before {
    display: none;
}

.abt-guide-state11  #toolbarList li:nth-child(11) i::before {
    display: none;
}

.abt-guide-state12  #toolbarList li:nth-child(12) i::before {
    display: none;
}

.abt-guide-state13  #toolbarList li:nth-child(13) i::before {
    display: none;
}

.abt-guide-state14  #toolbarList li:nth-child(14) i::before {
    display: none;
}

.abt-guide-state15  #toolbarList li:nth-child(15) i::before {
    display: none;
}

@media screen and (max-width: 800px) {
    div#ABTToolbar {
        height: 180px;
    }

    div#ABTToolbar ul#toolbarList {
        width:  auto;
    }

    .toolbarlistwrap {
        width: auto;
    }
}

#gettextmessagebox * {
    box-sizing: border-box;
}